﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../../../../DataUser/Style/ccbpm.css" rel="stylesheet" type="text/css" />
    <link href="../../../Scripts/easyUI145/themes/icon.css" rel="stylesheet" type="text/css" />
    <link href="../../../Scripts/easyUI145/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <script src="../../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="../../../Scripts/easyUI/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="../../../Scripts/QueryString.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../../Scripts/config.js"></script>
    <script type="text/javascript" src="../../../Comm/Gener.js"></script>
    <script src="DDLBar.js" type="text/javascript"></script>
    <script src="../../CCFlowEnum.js" type="text/javascript"></script>
    <script src="../../../Scripts/EasyUIUtility.js" type="text/javascript"></script>
    <script src="../../../Scripts/vue.js"></script>
    <!-- 自己的系统风格统一. -->
    <link href="../../../Style/skin/adminfont/iconfont.css" rel="stylesheet" />
    <link href="../../../Style/skin/css/Default.css" rel="stylesheet" />
    <!-- 自己的系统风格统一end -->
</head>
<body>
    <div id="App">
        <div id="bar"> </div>

        <fieldset>
            <legend>绑定用户组</legend>
            <ul>
                <li><a href="javascript:OpenDot2DotTeams()">绑定用户组-分组模式</a> </li>
                <li><a href="javascript:OpenBranchesAndLeafTeams()">绑定用户组-左右树结构模式</a> </li>
            </ul>
        </fieldset>


        <fieldset>
            <legend>已经选择的用户组</legend>
            <div id="group">
                <ul>
                    <li v-show="groups.length===0">未设置</li>
                    <template v-for="group in groups">
                        <li v-if="group.FK_Team!=undefined">{{group.FK_TeamText}}</li>
                    </template>
                </ul>

            </div>
        </fieldset>

        <fieldset>
            <legend id="help">帮助</legend>
            <ul>
                <li>节点绑定用户组就是该节点下绑定用户组里面的所有人员都可以接受该工作.</li>
            </ul>
        </fieldset>
    </div>
    <script type="text/javascript">
        var Baseinfo = new Vue({
            el: '#App',
            data: {
                groups: [],
                deliverWay: DeliveryWay.ByTeamOnly
            },
            methods: {
                OpenNew: function () {

                    var nodeID = GetQueryString("FK_Node");
                    var url = "../../../Comm/RefFunc/Dot2Dot.htm?EnName=BP.WF.Template.FlowSheet&Dot2DotEnsName=BP.WF.Template.NodeTeams&AttrOfOneInMM=FK_Node&AttrOfMInMM=FK_Team&EnsOfM=BP.Port.Teams&DefaultGroupAttrKey=";
                    url += '&No=' + nodeID + '&PKVal=' + nodeID;

                    OpenEasyUiDialogExtCloseFunc(url, '绑定用户组', 500, 350, function () {
                        Baseinfo.groups = getGroups();
                    });
                }
            },
            created() {
                InitBar(DeliveryWay.ByTeamOnly);
                this.groups = getGroups();

            }
        });

        //保存
        function Save() {

            var nodeID = GetQueryString("FK_Node");
            var node = new Entity("BP.WF.Template.NodeExt", nodeID);
            node.DeliveryWay = DeliveryWay.ByTeamOnly;
            node.Update();
        }
    </script>
</body>
</html>
